<div class="complaintHis">
  <nz-collapseset>
    <nz-collapse [nzTitle]="panels.name" [nzActive]="panels.active" [nzDisabled]="panels.disabled">
      <form nz-form [nzLayout]="'inline'">

        <div nz-form-item nz-col [nzSpan]="6">
          <div nz-form-label nz-col [nzSm]="9" [nzXs]="6">
            <label>类型</label>
          </div>
          <div nz-form-control>
            <nz-select style="width: 150px;" nzAllowClear [nzPlaceHolder]="'请选择'" [(ngModel)]="evaluateType" [nzShowSearch]="true" name="isRead">
              <nz-option [nzLabel]="'全部'" [nzValue]="''" [nzDisabled]="false">
              </nz-option>
              <nz-option [nzLabel]="'点赞'" [nzValue]="'1'" [nzDisabled]="false">
              </nz-option>
              <nz-option [nzLabel]="'投诉'" [nzValue]="'2'" [nzDisabled]="false">
              </nz-option>
            </nz-select>
          </div>
        </div>

        <div nz-form-item nz-col [nzSpan]="6">
          <div nz-form-label nz-col [nzSm]="9" [nzXs]="6">
            <label>是否已回复</label>
          </div>
          <div nz-form-control>
            <nz-select style="width: 150px;" nzAllowClear [nzPlaceHolder]="'请选择'" [(ngModel)]="isFeedBack" [nzShowSearch]="true" name="isRead">
              <nz-option [nzLabel]="'全部'" [nzValue]="''" [nzDisabled]="false">
              </nz-option>
              <nz-option [nzLabel]="'否'" [nzValue]="'0'" [nzDisabled]="false">
              </nz-option>
              <nz-option [nzLabel]="'是'" [nzValue]="'1'" [nzDisabled]="false">
              </nz-option>
            </nz-select>
          </div>
        </div>

        <div nz-form-item nz-col [nzSpan]="6">
          <div nz-form-label nz-col [nzSm]="9" [nzXs]="6">
            <label>注册代码</label>
          </div>
          <div nz-form-control>
            <nz-input [(ngModel)]="elevatorNum" name="elevatorNum" [nzPlaceHolder]="''" [nzSize]="'normal'"></nz-input>
          </div>
        </div>


        <button nz-button [nzSize]="'large'" [nzType]="'primary'" (click)="query()">查询</button>
      </form>
    </nz-collapse>
  </nz-collapseset>
  <!--<ul nz-menu [nzMode]="'horizontal'">
        <li  nz-menu-item (click)="add(title, content, footer)"><i class="anticon anticon-plus"></i>添加</li>
        <li  nz-menu-item (click)="update(title, content, footer)"><i class="anticon anticon-copy"></i>修改</li>
        <li  nz-menu-item (click)="delete()"><i class="anticon anticon-delete"></i>删除</li>

    </ul>-->
  <nz-table #nzTable [nzDataSource]="list" nzSize="middle" [nzBordered]="true" [nzIsPagination]="false" (nzDataChange)="displayDataChange($event)">
    <thead nz-thead>
      <tr>
        <th nz-th [nzCheckbox]="true">
          <label nz-checkbox [(ngModel)]="allChecked" [nzIndeterminate]="indeterminate" (ngModelChange)="checkAll($event)">
          </label>
        </th>
        <th nz-th>
          <span>注册代码</span>
        </th>
        <th nz-th>
          <span>时间</span>
        </th>
        <th nz-th>
          <span>内容(点击查看明细)</span>
        </th>
        <th nz-th>
          <span>手机号</span>
        </th>
        <th nz-th>
          <span>类型</span>
        </th>
        <th nz-th>
          <span>已回复</span>
        </th>
        <th nz-th>
          <span>回复内容</span>
        </th>
        <th nz-th *ngIf="partyType == '2'">
          <span>操作</span>
        </th>
      </tr>
    </thead>
    <tbody nz-tbody>
      <tr nz-tbody-tr *ngFor="let data of list">
        <td nz-td [nzCheckbox]="true">
          <label nz-checkbox [nzDisabled]="data.disabled" [(ngModel)]="data.checked" (ngModelChange)="refreshStatus($event)">
          </label>
        </td>
        <td nz-td>{{data.elevatorNum}}</td>
        <td nz-td>{{data.appraisalTime | timeTrans}}</td>
        <td nz-td class="little" (click)="detailNotification(data,'1')">{{data.evaluateMsg | little}}</td>
        <td nz-td>{{data.passengerPhone}}</td>
        <td nz-td>{{data.evaluateType=='1'?"点赞":"投诉"}}</td>
        <td nz-td>{{data.isFeedBack=='1'?"是":"否"}}</td>
        <td nz-td class="little" (click)="detailNotification(data,'2')">{{data.feedBackContent?(data.feedBackContent | little):""}}</td>
        <td nz-td *ngIf="partyType == '2'">
          <span>
            <button *ngIf="data.isFeedBack!='1'" nz-button [nzSize]="'small'" [nzType]="'primary'" (click)="showImage(titlepic, contentpic, footerpic, data)">回复</button>
          </span>
        </td>
      </tr>
    </tbody>
  </nz-table>

  <nz-pagination [nzPageIndex]="appraisalBean.currentPage" nzShowTotal [nzTotal]="total" nzShowSizeChanger (nzPageSizeChange)="nzPageSizeChange($event)"
    (nzPageIndexChange)="nzPageIndexChange($event)" (nzPageIndexClickChange)="nzPageIndexClickChange($event)" [nzPageSize]="appraisalBean.pageSize"></nz-pagination>

  <!-- 图片回显 -->
  <ng-template #titlepic>
    <span>回复</span>
  </ng-template>
  <ng-template #contentpic>
    <div>
      <nz-input [(ngModel)]="feedBackContent" name="feedBackContent" [nzType]="'textarea'" [nzRows]="'4'" [nzPlaceHolder]="'请输入'"></nz-input>
      <br>
      <br>
      <button nz-button (click)="feedBack()" [nzType]="'primary'" [nzSize]="'large'">回复</button>

    </div>
  </ng-template>
  <ng-template #footerpic>
    <div>
    </div>
  </ng-template>

</div>
